<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/js/zTree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="/js/zTree/css/zTreeStyle/zTreeStyle.css">
</head>
<body>
<@shiro.hasPermission name="tttt">拥有tttt权限<br></@shiro.hasPermission>
<@shiro.hasPermission name="ssss">拥有ssss权限<br></@shiro.hasPermission>
<@shiro.authenticated> 欢迎
<@shiro.principal></@shiro.principal>
登陆！！<br>
<a href="/permissPage">权限页面</a><br>
<a href="/logout">退出</a></@shiro.authenticated>
<@shiro.guest>Hello guest!</@shiro.guest>
<@shiro.notAuthenticated>
<a href="/login">登录</a>
</@shiro.notAuthenticated>
<ul id="tree" class="ztree" style="width: 230px; overflow: auto;"></ul>
</body>
<script type="text/javascript" src="/js/zTree/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript"
        src="/js/zTree/js/jquery.ztree.all.min.js"></script>
<script type="text/javascript">
    var zTreeObj, setting = {
        view: {
            selectedMulti: false
        },
        check: {
            enable: true,
            chkboxType: {"Y": "ps", "N": "ps"}
        },
        data: {
            simpleData: {
                enable: true
            }
        }
    };
    var zNodes = [
        {id: 1, pId: 0, name: "随意勾选 1", open: true},
        {id: 11, pId: 1, name: "随意勾选 1-1", open: true},
        {id: 111, pId: 11, name: "随意勾选 1-1-1"},
        {id: 112, pId: 11, name: "随意勾选 1-1-2"},
        {id: 12, pId: 1, name: "随意勾选 1-2", open: true},
        {id: 121, pId: 12, name: "随意勾选 1-2-1"},
        {id: 122, pId: 12, name: "随意勾选 1-2-2"},
        {id: 2, pId: 0, name: "随意勾选 2", checked: true, open: true},
        {id: 21, pId: 2, name: "随意勾选 2-1"},
        {id: 22, pId: 2, name: "随意勾选 2-2", open: true},
        {id: 221, pId: 22, name: "随意勾选 2-2-1", checked: true},
        {id: 222, pId: 22, name: "随意勾选 2-2-2"},
        {id: 23, pId: 2, name: "随意勾选 2-3"}
    ];

    $(document).ready(function () {
        zTreeObj = $.fn.zTree.init($("#tree"), setting, zNodes);

    });
</script>
</html>